<template>
  <Viewer :plugins="plugins" :value="value" />
</template>

<script lang="ts" setup>
import { Viewer } from '@bytemd/vue-next';
import { defineProps, withDefaults } from 'vue';
import gfm from '@bytemd/plugin-gfm';
import highlight from '@bytemd/plugin-highlight';

const plugins = [gfm(), highlight()];

interface Props {
  value: string;
}

const props = withDefaults(defineProps<Props>(), {
  value: () => ' '
});
</script>

<style></style>
